<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>延边州住房公积金网上营业厅</title>
    <link rel="stylesheet" href="../layui/css/layui.css"/>
    <link rel="stylesheet" href="../layui/admin/admin.css"/>
    <script src="../../../js/angular.js" charset="utf-8"></script>
    <script type="text/javascript" src="../layui/layui.js"></script>
    <script type="text/javascript" src="../layui/admin/admin.js"></script>
</head>
<body>
    <!-- 布局容器 -->
    <div class="layui-layout layui-layout-admin">
        <!-- 头部 -->
        <div class="layui-header">
            <div class="layui-main">
				<div class="top-left">
					<!-- logo -->
					<a href="/" class="logo">个人网上营业厅</a>
					
					<a href="javascript:;" class="menu-flexible">
						<i class="layui-icon">&#xe635;</i> 
					</a>
				</div>
                <!-- 头部一级菜单 -->
                <ul class="layui-nav top-menu" lay-filter="top-menu">
                 	<li class="layui-nav-item layui-this"><a href="javascript:;">首页</a></li>
                    <li class="layui-nav-item "><a href="javascript:;">我的缴存</a></li>
                    <li class="layui-nav-item "><a href="javascript:;">我的贷款</a></li>
                    <li class="layui-nav-item "><a href="javascript:;">我的提取</a></li>
                    <li class="layui-nav-item "><a href="javascript:;">常用工具</a></li>
                </ul>
                <!-- 头部右侧操作 -->
                <ul class="layui-nav operate">
                    <li class="layui-nav-item">
                      	<a id="XINGMING" href="javascript:;"></a>
                        <dl class="layui-nav-child">
                            <dd>
                            	<a id="grxx" href="javascript:;">个人信息</a>
                            </dd>
                            <dd>
                            	<a id="xgmm" href="javascript:;">修改密码</a>
                            </dd>
                            <dd>
                            	<a id="tclogin" href="javascript:;">退出登录</a>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 左侧菜单 -->
        <div class="layui-side layui-bg-black left-menu-all">
            <div class="layui-side-scroll">
            	 <ul class="layui-nav layui-nav-tree left-menu" lay-filter="left-menu">
                    <li class="layui-nav-item">
                         <a href="javascript:;" data-url="gr/shouye.html" data-id="1">首页</a>
                    </li>
                </ul>
                <ul class="layui-nav layui-nav-tree left-menu" lay-filter="left-menu">
                    <li class="layui-nav-item">
                         <a href="javascript:;" data-url="gr/wdjc/jcjbqk.html" data-id="2">缴存信息</a>
                    </li>
                    <li class="layui-nav-item">
                         <a href="javascript:;" data-url="gr/wdjc/nddzd.html" data-id="3">年度对账单</a>
                    </li>
                </ul>
                
                 <ul class="layui-nav layui-nav-tree left-menu" lay-filter="left-menu">
                    <li class="layui-nav-item">
                         <a href="javascript:;" data-url="gr/wddk/dqdkxx.html" data-id="4">贷款记录</a>
                    </li>
                    <li class="layui-nav-item">
                         <a href="javascript:;" data-url="gr/wddk/dkjd.html" data-id="5">贷款进度</a>
                    </li>
                </ul>
                
                <ul class="layui-nav layui-nav-tree left-menu" lay-filter="left-menu">
                    <li class="layui-nav-item">
                         <a href="javascript:;" data-url="gr/wdtq/txxhtq.html" data-id="6">退休销户提取</a>
                    </li>
                    <li class="layui-nav-item">
                         <a href="javascript:;" data-url="gr/wdtq/grtqmx.html" data-id="7">个人提取明细</a>
                    </li>
                    <li class="layui-nav-item">
                         <a href="javascript:;" data-url="gr/wdtq/tqbljd.html" data-id="8">提取办理进度</a>
                    </li>
                </ul>
                
                <ul class="layui-nav layui-nav-tree left-menu" lay-filter="left-menu">
                     <li class="layui-nav-item">
                        <a href="javascript:;" data-url="gr/cygj/grxxiang.html" data-id="9">个人信箱</a>
                     </li>
                      <li class="layui-nav-item">
                        <a href="javascript:;" data-url="gr/cygj/tsyj.html" data-id="10">投诉建议</a>
                     </li>
                      <li class="layui-nav-item">
                        <a href="javascript:;" data-url="gr/cygj/dkjsq.html" data-id="11">计算器</a>
                     </li>
                </ul>
            </div>
        </div>
		
        <!-- 主体 -->
        <div class="layui-body">
            <!-- 顶部切换卡 -->
            <div class="layui-tab layui-tab-card" lay-filter="top-tab" lay-allowClose="true">
                <ul class="layui-tab-title"></ul>
                <div class="layui-tab-button">
                	<a href="javascript:;"><i class="layui-icon">&#x1002;</i></a>
                </div>
                <div class="layui-tab-content"></div>
            </div>
        </div>

        <!-- 底部 -->
        <div class="layui-footer">
            ©2017-2020 版权所有：延边住房公积金管理中心技术支持：长春海正申科技
        </div>
    </div>
	<script type="text/javascript" src="../layui/jquery-3.2.1.min.js"></script>
	<script type="text/javascript">
			 function getPath(){
				return 'http://'+location.host;
		     };
	</script>
	<script type="text/javascript">
			$(function(){
	    		$.ajax({
					url : getPath()+'/wsyyt/jcjbqkcontroller/test',
					method : 'post',
					dataType : 'JSON',
					success : function(result) {
						var data = result.data;
						$("#XINGMING").html("欢迎"+"【"+data[0].XINGMING+"】"+"登录网上营业厅");
					},
				});
			});
			$("#tclogin").click(function(){
				window.location.href =getPath()+'/wsyyt/login/login.html';
			});
		</script>
		<script type="text/javascript">
			 //===修改密码===//
			$("#xgmm").click(function() {
				layer.open({
	            type: 2,
	            title: false,
	            closeBtn: 0, //不显示关闭按钮
	            shade: [0],
	            area: ['0px', '0px'],
	            offset: 'auto', //右下角弹出
	            time: 1, 
	            content: ['test/guodu.html', 'no'], //iframe的url，no代表不显示滚动条
	            end: function(){ //此处用于演示
		                layer.open({
		                    type: 2,
		                    title: '修改密码',
		                    shadeClose: true,
		                    shade: false,
		                    maxmin: true, //开启最大化最小化按钮
		                    area: ['900px', '450px'],
		                    content: getPath()+'/wsyyt/grwsyyt/gr/grsz/xgmm.html'
		                });
	            	}	
	        	});
		    });
			//===个人信息===//
		    $("#grxx").click(function() {
				layer.open({
	            type: 2,
	            title: false,
	            closeBtn: 0, //不显示关闭按钮
	            shade: [0],
	            area: ['0px', '0px'],
	            offset: 'auto', //右下角弹出
	            time: 1, 
	            shift: 2,
	            content: ['test/guodu.html', 'no'], //iframe的url，no代表不显示滚动条
	            end: function(){ //此处用于演示
		                layer.open({
		                    type: 2,
		                    title: '个人信息',
		                    shadeClose: true,
		                    shade: false,
		                    maxmin: true, //开启最大化最小化按钮
		                    area: ['900px', '450px'],
		                    content: getPath()+'/wsyyt/grwsyyt/gr/grsz/grxx.html'
		                });
	            	}	
	        	});
		    });
		</script>
	</body>
</html>
